/* 导航栏banner部分 */
.banner{
    width: 100%;
    height: 720px;
    background: url(../img/banner1.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 100px;
}
.banner-c{
    width: 1200px;
    height: 720px;
    /* background-color: red; */
    margin: 0 auto;

    position: relative;
}

.spot{
    height: 10px;
    position: absolute;
    bottom: 20px;
    left: 570px;
}
.spot-item{
    float: left;
    width: 10px;
    height: 10px;
    border: 2px solid #DCDDE2;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.6);
    margin-right: 30px;
    transition: all .3s ease-in;
}
.spot-item:hover{
    background-color: #fff;
    border-color: rgba(0,0,0,0.6);
}
.more{
    width: 216px;
    height: 61px;
    position: absolute;
    right: 100px;
    bottom: 230px;
}
.more a{
    width: 100%;
    height: 100%;
    display: block;
}
.weeding{
    height: 700px;
    width: 100%;
}
.weeding-c{
    width: 1200px;
    height: 700px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 100px;
}
.title{
    text-align: center;
    height: 61px;

}
.tltle .ch{
    height: 36px;

    line-height: 36px;
    color: #444444;

}
.title .ch p{
    font-size: 26px;
}
.title .en{
font-size: 16px;
height: 16px;
line-height: 16px;
color: #c1c1c1;
margin-top: 10px;
}

.type{
height: 200px;
margin: 0 auto;
width: 580px;

}
.type .type-list{
height: 40px;
float: left;
margin-right: 90px;
margin-top:80px;
margin-bottom:56px ;
position: relative;
}
.type .type-list.last{
    margin-right: 0px;
}
.type .type-list a{
    width: 100%;
    height: 40px;
    /* float: left; */
    color: #4d4d4d;
    font-size: 16px;
}
.type-list .spot{
    position: absolute;
    bottom: 0px;
    left: 35px;
    display: block;
   width: 4px;
   height: 4px;
   background-color: #b9ab77;
   border-radius: 50%;
   transition: all .3s ease-in;

   opacity: 0;
}
.type .type-list:hover a{
    color:#b9ab77 ;
}
.type .type-list:hover .spot{
opacity: 1;
}
.cloth{
    height: 360px;
    width: 1200px;
    margin: 0 auto;
}
.cloth-list{
    width: 270px;
    height: 360px;
    float: left;
    margin-right: 40px;
    position: relative;
}
.cloth-list.last{
    margin-right: 0px;
}
.cloth-list a{
    width: 100%;
    height: 100%;
    display: block;
}
.cloth-list a img{
    width: 270px;
    height: 360px;
}
.obstacle{
    width:100%;
    height: 100%;
    text-align: center;
    position: absolute;

    background-color: rgba(10,10,10,0.8);
    z-index: 10;
    top: 0;
    left: 0;
    /* opacity: 0; */
    
    transition: all .4s ease-in-out;
}
.obstacle.i1{
    width:100%;
    height: 100%;
    text-align: center;
    position: absolute;
    /* background-color: rgba(10,10,10,0.8); */
    background:url(../img/婚纱2-1.jpg) no-repeat;

    top: 0;
    left: 0;
    opacity: 0;
}
.obstacle.i2{
    width:100%;
    height: 100%;
    text-align: center;
    position: absolute;
    background:url(../img/婚纱2-2.jpg) no-repeat;
    background-color: rgba(10,10,10,0.8);
    top: 0;
    left: 0;
    opacity: 0;
}
.obstacle.i3{
    width:100%;
    height: 100%;
    text-align: center;
    position: absolute;
    background:url(../img/婚纱2-3.jpg) no-repeat;
    background-color: rgba(10,10,10,0.8);
    top: 0;
    left: 0;
    opacity: 0;
}
.obstacle.i4{
    width:100%;
    height: 100%;
    text-align: center;
    position: absolute;
    background:url(../img/婚纱2-4.jpg) no-repeat;
    background-color: rgba(10,10,10,0.8);
    top: 0;
    left: 0;
    opacity: 0;
}
.obstacle .title{
    font-size: 14px;
    height: 14px;
    color: #fff;
    margin-top: 124px;
}
.obstacle .price{
    font-size: 12px;
    color: #fff;
    height: 12px;
    margin-top: 40px;
}
.obstacle .style{
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #fff;
    margin-top: 20px;
}
.cloth-list:hover .obstacle{
    opacity: 1;
}
.more1{
    width: 151px;
    height: 45px;
    background-color: #fff;
    border-radius: 45px;
    border: 1px solid black;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -75px;
    transition: all .3s ease;
}
.more1 a{
    width: 100%;
    height: 100%;

    line-height: 45px;
    display: block;
    font-size: 15px;
    color: #2d2d2d;
}
.more1:hover{
    background-color: #4d4d4d;
}
.more1:hover a{
    color: #fff;
}


/* 珠宝部分*/
.jewelry{
    width: 100%;
    height: 560px;

}
.jewelry-c{
    width: 1200px; 
    height:380px;
    margin: 0 auto;
    position: relative;
}
.bao-list{
width: 1200px;
height: 180px;
margin: 0 auto;
margin-top: 50px;
}
.bao-item{
    width: 270px;
    height: 180px;
    float: left;
    margin-right:40px;
    position: relative;
}
.bao-item a{
    width: 100%;
    height: 100%;
    display: block;
}
.bao-item.last{
    margin-right: 0px;
}
.bao-item:hover .hinder{
    opacity: 1;
}
.bao-item .hinder{
width: 270px;
height: 60px;
background-color: rgba(1,1,1,0.3);
position: absolute;
left: 0px;
bottom: 0px;
opacity: 0;
transition: all .3s ease;
}
.bao-item .hinder .p1{
    height: 15px;
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
    margin-left:10px ;
}
.bao-item .hinder .p2{
    height: 13px;
    font-size: 12px;
    color: #c1c1c1;
    margin-top: 5px;
    margin-left: 10px;
}

/* 最新活动 */
.activity{
    width: 100%;
    height: 780px;
    position: relative;
}
.activity .activity-c{
    width: 1200;
    height: 335px;
    margin: 0 auto;
    margin-top: -150px;

}
.main{
    width: 100%;
    height: 354px;
    background: url(../img/main1.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 60px;
}
.activity-c .meeting{
    width: 1200px;
    height: 335px;
    margin: 0 auto;
}
.activity-c .meeting-list{
    width: 300px;
    height: 335px;
    background-color: #fff;
    float: left;
}

.activity-c .meeting-list .fonttype{
    width: 250px;
    height: 250px;
    text-align: left;
    margin-left: 43px;
    margin-top: 43px;
}
.activity-c .meeting-list .day{
    font-size: 30px;
    color: #8b8b8b;
    height: 23px;
    line-height:23px;
}
.activity-c .meeting-list .year{
height: 12px;
font-size: 14px;
color: #8b8b8b;
}
.activity-c .meeting-list .title{
    height: 16px;
    line-height: 16px;
    color: #000;
    font-size: 16px;
    text-align: left;
    margin-top: 48px;

}
.activity-c .meeting-list .content{
line-height: 18px;
color: #8b8b8b;
font-size: 13px;
margin-top: 21px;
}
.activity-c .meeting-list .but{
    width: 33px;
    height: 20px;
    font-size: 14px;


    margin-top: 60px;
    transition: all .3s ease;
}
.activity-c .meeting-list .but a{
    width: 100%;
    height: 100%;
    display: block;
    color: #bebebe;
    transition: all .3s ease;
}
.activity-c .meeting-list .but:hover{
    background-color: rgb(17, 15, 15);

}
.activity-c .meeting-list .but:hover a{
    color: #fff;
}


.designer{
    width: 100%;
    height: 664px;
    background-color: #4d4d4d;
    position: relative;
    overflow: hidden;
    margin-top:60px ;

}
.designer .title .ch{
    margin-top: 100px;
}
.designer-l{
width: 389px;
height: 664px;
background: url(../img/designer-l.png) no-repeat;
position: absolute;
left: 0 ;
bottom: 0;

}
.designer-r{
    width: 217px;
    height: 664px;
    background:url(../img/designer-r.png) no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}
.designer-c{
    width: 1200px;
    height: 664px;
    margin: 0 auto;
}
.people{
    height: 400px;
    width: 1200px;


}
.people-item{
    width: 250px;
    height: 400px;
    margin-right: 220px;
    margin-top: 50px;
    float: left;
   text-align: center;
   transition: all .4s ease;
}
.people-item.last{
    margin-right: 0;
}
.name{
    height: 19px;
    font-size: 24px;
    line-height: 19px;
    color: #f7f5f5;
    margin-top: 20px;
}
.status{
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    color: #b9b9b9;
    margin-top: 5px;

}
.intro{
    line-height: 17px;
    font-size: 12px;
    color: #b9b9b9;
    margin-top: 18px ;
}
.more2{
    width: 153px;
    height: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #bbbaba;
    margin: 0 auto;
    margin-top:68px ;
}
.more2 a{
    width: 100%;
    height: 100%;
    display: block;
    font-size: 20px;
    color: #bbbaba;

}
.people-item:hover{
    transform: translateY(-10px);
    box-shadow: 20px 20px 50px #c5bebe;

}

.footer{
    width: 100%;
    height: 100px;
    background-color: #fff;
}
.footer-l p{

    color: #323232;

    
}
.footer-r ul li a{
color: #323232;

}



/* 回到顶部按钮 */
#btn{
	width: 83px;
	height: 77px;
	background: url("../img/totop.png") no-repeat 0px 0px ;
	display: inline-block;
	position: fixed;
	bottom:5px;
	right: 5px;
}

